/*
 *  public.css by 453883682@qq.com
 */
.wow { transition-delay: 0.3s;}
.pc { display: block;}
.mob { display: none;}
.container{ width: 85%; max-width: 1530px; padding: 0 15px; margin:0 auto;}
.container1200{ max-width: 1230px !important;}
.container1100{ max-width: 1130px !important;}


.header{ position: fixed; top: 0; left: 0; right: 0; width: 100%; min-width: 320px; padding: 0; background-color: #FFFFFF; box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.06);z-index: 10; transition: all .3s;}
/* hdTop */
.hdCon{ padding: 0 .3rem;}
.logo { float: left; height: 90px; overflow: hidden; transition: all .5s;}
.logo a { display: block;}
.logo img { height: 46px; transition: all .3s;}
.logo img.white{ display: none;}
.logo-text{ position: relative; float: left; height: 90px; color: #999999; padding-left: .18rem; margin-left: .18rem;}
.logo-text::before{ display: block; content: ""; position: absolute; left: 0; top: 30%; width: 1px; height: 40%; background-color: #666666; opacity: .3;}

.navBox { margin: 0 auto; text-align: center;}
.navList { list-style: none; margin: 0; font-size: 0; display: inline-block; vertical-align: top; transition: all .3s; margin-right: 3vw;}
.navList > li { position: relative; display: inline-block; vertical-align: top; padding: 0 .18rem;}
.navList > li > a { position: relative; display: block; font-size: 18px; color: #182129; line-height: 90px; padding: 0 7px; transition: all .3s;}
.navList > li > a::before{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 5px; border-radius: 5px; background-color: var(--main-color); transition: all .4s;}
.navList > li > a:hover,
.navList > li.active > a,
.navList > li.cur > a{ color: var(--main-color);}
.navList > li > a:hover::before,
.navList > li.active > a::before,
.navList > li.cur > a::before{ left: 0; width: 100%;}
.nav-dropdown{ position: absolute; left: 50%; top: 100%; min-width: 120px; padding-top: 18px; transform: translateX(-50%); height: auto; font-size: 16px; color: #333333; z-index: 2; display: none;}
.nav-dropdown ul{ position: relative; list-style: none; text-align: center; background-color: #FFFFFF; padding: 20px 0; border-radius: 6px; box-shadow: 0px 3px 6px rgba(0,0,0,0.09);}
.nav-dropdown ul::before{ display: block; content: ""; border-bottom: 10px solid #FFFFFF; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; margin-left: -8px; bottom: 100%;}
.nav-dropdown ul > li > a{ position: relative; display: block; font-size: 16px; color: #333333; line-height: 1.6; padding: 5px 30px; white-space: nowrap; z-index: 1;}
/* .nav-dropdown ul > li > a::before{ display: block; content: ""; position: absolute; left: 0; width: 100%; height: 0%; bottom: 0; background-color: #ECECEC; z-index: -1; transition: all .5s;} */
.nav-dropdown ul > li > a:hover{ color: var(--main-color);}
/* .nav-dropdown ul > li > a:hover::before{ height: 100%;} */
.navList.hide{ display: none;}

.navRig { position: relative; float: right; line-height: 90px; text-align: right; font-size: 0; z-index: 1; transition: all .3s;}
.navRig li { position: relative; display: inline-block; vertical-align: middle; margin-left: 30px; text-align: center;}
.navRig a,
.navRig i,
.navRig span { display: inline-block; vertical-align: middle; font-size: 18px; color: #182129;}
.navRig a:hover{ color: var(--main-color); transition: all .3s;}
.navRig i{ width: 18px; height: 18px; background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: -2px;}
.navRig li.navSearch{ cursor: pointer;}
.navRig li.navSearch i{ background-image: url(../images/icon-search.png); margin-right: 8px;}
.navRig li.navLang a{ display: block;}
.navRig li.navLang i{ background-image: url(../images/icon-arrow-gray.png);}
.navRig li.navLang .nav-lang{ background-color: #FFFFFF; padding: .1rem .2rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.navRig li.navLang .nav-lang a{ display: block; white-space: nowrap; font-size: 16px; color: #333333; line-height: 2;}
.navRig li.navBtn { cursor: pointer; display: none;}
.navBtn span { width: 22px; height: 30px; position: relative;}
.navBtn span b { display: block; width: 100%; height: 2px; background: var(--main-color); position: absolute; left: 0; top: calc((100% - 4px) / 2); transition: all .3s;}
.navBtn span b:nth-child(1) { transform: translateY(6px) rotate(0deg);}
.navBtn span b:nth-child(3) { transform: translateY(-6px) rotate(0deg);}
.navBtn.active b:nth-child(1) { transform: translateY(0) rotate(45deg);}
.navBtn.active b:nth-child(3) { transform: translateY(0) rotate(-45deg);}
.navBtn.active b:nth-child(2) { opacity: 0;}
.navRig .nav-dropdown{ left: auto; right: 0; width: auto; min-width: 100%; transform: none;}
.navRig .nav-search{ display: flex; width: 400px; background-color: #FFFFFF; padding: .2rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.navRig .nav-input{ display: block; width: 100%; height: 44px; font-size: 16px; line-height: 24px; padding: .1rem; border: 1px solid #ECECEC; border-radius: .1rem 0 0 .1rem;}
.navRig .nav-btn{ display: block; background-color: var(--main-color); color: #FFFFFF; border: none; width: 80px; cursor: pointer;}

.header.no-bg{ padding: .18rem 0; background-color: transparent; box-shadow: none;}
.header.no-bg .logo img.white{ display: block;}
.header.no-bg .logo img.default{ display: none;}
.header.no-bg .logo-text{ color: #FFFFFF;}
.header.no-bg .logo-text::before{ background-color: #FFFFFF;}
.header.no-bg .navList > li > a{ color: #FFFFFF; transition: none;}
.header.no-bg .navList > li > a::before{ background-color: #FFFFFF;}
.header.no-bg .navRig a{ color: #FFFFFF;}
.header.no-bg .navRig li.navSearch i{ background-image: url(../images/icon-search-white.png);}
.header.no-bg .navRig li.navLang i{ background-image: url(../images/icon-arrow-white.png);}

.header.bg{ background-color: var(--main-color);}
.header.bg .logo img.white{ display: block;}
.header.bg .logo img.default{ display: none;}
.header.bg .logo-text{ color: #FFFFFF;}
.header.bg .logo-text::before{ background-color: #FFFFFF;}
.header.bg .navList > li > a{ color: #FFFFFF; transition: none;}
.header.bg .navList > li > a::before{ background-color: #FFFFFF;}
.header.bg .navRig a{ color: #FFFFFF;}
.header.bg .navRig li.navSearch i{ background-image: url(../images/icon-search-white.png);}
.header.bg .navRig li.navLang i{ background-image: url(../images/icon-arrow-white.png);}
.header.bg .nav-dropdown{ padding-top: 0;}
.header.no-bg.bg .navList > li > a::before{ bottom: -.18rem;}
.header.no-bg.bg .nav-dropdown{ padding-top: .18rem;}

.hm-space{ padding-top: 90px;}

/* footer */
.footBg{ position: relative; color: #FFFFFF; line-height: 1.8; background-color: #00478D; z-index: 1;}
.footBg a{ color: #FFFFFF; transition: all .3s;}
.footBg a:hover{ color: #FFFFFF;}
.foot{ padding: .5rem 0;}
.foot-left{ flex-shrink: 0; width: 32%; margin-right: 2%;}
.foot-logo{ letter-spacing: 0.2em; margin: .2rem 0;}
.foot-logo img{ max-width: 100%; max-height: .54rem;}
.foot-logo p{ margin: .2rem 0;}
.foot-tel{ display: flex; padding-left: 30px; line-height: 32px; background: url(../images/icon-tel.png) left 3px no-repeat;}
.foot-tel strong{ font-size: 108%; margin-left: .1rem; font-family: 'DINPro-Medium';}
.foot-nav{ flex: auto; overflow: hidden;}
.foot-nav li h3{ margin-bottom: .1rem; font-weight: normal;}
.foot-con p{ margin: 5px 0;}
.foot-con a{ opacity: .5;}
.foot-con a:hover{ opacity: 1;}


.copyright{ line-height: 22px; padding: .3rem 0; border-top: 1px solid rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.6);}
.copyright p,
.copyright a{ display: inline-block;}
.copyright a{ color: rgba(255, 255, 255, 0.6);}


.banIn{ position: relative; overflow: hidden;}
.inImg{ position: relative; width: 100%; height: 750px; max-height: 7.5rem;}
.inText{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #FFFFFF; z-index: 1;}
.inTit{ margin: .1rem auto; font-weight: normal; letter-spacing: .07em;}
.inDes{ max-width: 830px; line-height: 1.6; margin: .1rem auto;}

/* sort */
.sort-bg{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; overflow: hidden;}
.sort-list{ position: relative; list-style: none; display: flex; flex-wrap: wrap; text-align: center; z-index: 1; padding-left: .65rem;}
.sort-list .bg{ display: block; position: absolute; bottom: 0; height: 100%; z-index: -1;}
.sort-list .bg1{ right: 100%; background: linear-gradient(270deg, #00AEEF 0%, rgba(0,174,239,0) 100%); border-radius: 0px .5rem 0px 0px;}
.sort-list .bg2{ left: 0; background: linear-gradient(90deg, #0154A6 0%, rgba(1,84,166,0) 100%); border-radius: .7rem 0px 0px 0px;}
.sort-list li{ margin: 0 .35rem;}
.sort-list li a{ position: relative; display: block; line-height: 24px; color: #FFFFFF; padding: .28rem 0; transition: all .3s;}
.sort-list li a::after{ display: block; content: ""; position: absolute; right: 0; bottom: 0; width: 0%; height: 4px; background-color: #FFFFFF; border-radius: 2px; transition: all .4s;}
.sort-list li:not(.active) a:hover::after{ left: 0; right: auto; width: 100%;}
.sort-list li.active a::after{ width: 100%;}

.play{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/play.png) center center no-repeat; background-size: 29.78% auto;}

.mainBg{ position: relative; z-index: 1;}
.grayBg{ background-color: #FAFAFA;}

/* breadNav */
.bread-nav-bg{ border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
.bread-nav-logo{ flex-shrink: 0; min-width: .8rem; margin-right: .2rem; background-color: var(--main-color);}
.bread-nav-logo img{ max-width: 40%;}
.bread-nav-list{ flex: auto; color: #999999; line-height: 40px; margin: .2rem 0; overflow: hidden;}
.bread-nav-list li{ position: relative; display: inline-block; vertical-align: middle; font-size: 16px;}
.bread-nav-list li span,
.bread-nav-list li a{ display: inline-block; vertical-align: middle; font-size: 16px; color: #999999;}
.bread-nav-list li + li::before{ display: inline-block; vertical-align: middle; content: " > "; font-size: 16px; margin: 0 .1rem;}
.bread-nav-list li a:hover{ color: var(--main-color);}


/* 页码 */
.page{ margin: .7rem 0; text-align: center;}
.page p,
.page input,
.page a,
.page span{ display: inline-block; vertical-align: middle; text-align: center; min-width: 36px; line-height: 36px; font-size: 18px; color: #555555; background-color: #F5F5F5; margin: 0 2px; font-weight: normal;}
.page a:hover{ color: var(--main-color);}
.page a.active{ color: #FFFFFF; background-color: var(--main-color);}
.page a.prev,
.page a.next{ padding: 0 .2rem;}
.page p{ margin: 0 .15rem;}
.page input{ width: 42px; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 4px; line-height: 24px; margin-top: -4px; color: #999999; padding-top: 4px;}

.box-more{ display: block; color: #FFFFFF;}
.box-more span,
.box-more a{ display: inline-block; width: 200px; line-height: 50px; color: #FFFFFF; background-color: var(--main-color); text-align: center; transition: all .3s;}
.box-more i{ display: inline-block; vertical-align: bottom; font-size: 110%; margin-left: .1rem; transition: all .3s;}
.box-more span:hover i,
.box-more a:hover i{ transform: rotate(45deg);}

.box-more.border span,
.box-more.border a{ color: var(--main-color); background:none; border: 1px solid var(--main-color);}
.box-more.border span:hover,
.box-more.border a:hover{ background-color: var(--main-color); color: #FFFFFF;}

.load-more{ display: block; margin: 0.3rem 0; text-align: center;}
.load-more a{ display: inline-block; vertical-align: middle; color: #999999; line-height: 2; cursor: pointer;}
.load-more a i{ display: inline-block; vertical-align: baseline; margin-right: .1rem; animation: aniCircle 1s linear infinite;}
.load-more a:hover{ color: var(--main-color);}


/* home-title */
.hm-title{ margin: .3rem 0;}
.hm-title-h2{ line-height: 1.2; margin: .1rem 0; font-weight: bold;}
.hm-title-des{ line-height: 1.6; margin: .15rem 0;}
.hm-title.white .hm-title-h2,
.hm-title.white .hm-title-des{ color: #FFFFFF;}

/* home-more */
.hm-more{ position: relative; z-index: 1;}
.hm-more a,
.hm-more span{ display: flex; align-items: center; justify-content: space-between; width: 180px; line-height: 50px; padding: 0 25px; border-radius: 25px; background-color: var(--main-color); transition: all .3s;}
.hm-more a i,
.hm-more span i{ display: inline-block; vertical-align: middle; width: 26px; height: 26px; background: url(../images/icon-more.png) center center no-repeat; background-size: contain; transition: all .5s;}
.hm-more a:hover,
.hm-more span:hover{ padding: 0 30px; background-color: var(--blue-color);}
.hm-more a:hover i,
.hm-more span:hover i{ transform: scale(0.9);}

/* anchor */
.anchor{ padding-top: 110px; margin-top: -110px;}

/* in-top */
.in-top{ position: fixed; right: 5%; bottom: 9%; color: #FFFFFF; z-index: 5; cursor: pointer; text-shadow: 0 0 3px #101010;}
.in-top i{ display: block; font-size: 16px;}

/* on-line */
.on-line{ list-style: none; position: fixed; right: .2rem; bottom: .6rem; padding: .1rem 0; border-radius: 50px; background-color: #FFFFFF; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1); z-index: 5;}
.on-line li{ position: relative; width: 30px; padding: .14rem 0; margin: 0 .1rem; border-bottom: 1px solid #E8E8E8;}
.on-line li:last-child{ border: none;}
.on-line li a{ display: block; color: #999999; line-height: 1.6; text-align: center;}
.on-icon{ transition: all .3s;}
.on-icon img{ max-width: 90%; margin: 0 auto 5px;}
.on-con{ position: absolute; right: calc(100% + 10px); top: 0; width: 130px; background-color: #FFFFFF; padding: 5px; border-radius: 2px; text-align: center; white-space: nowrap; filter: drop-shadow(0 0 10px rgba(0,0,0,0.1)); opacity: 0; visibility: hidden; margin-right: 5px; transition: all .3s;}
.on-con::after{ position: absolute; left: 100%; top: 25px; content: ""; border-left: 6px solid #FFFFFF; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
.on-con img{ width: 100%; height: auto;}
.on-tel{ width: auto !important; padding: 10px 15px !important;}
.on-line li:hover .on-con{ opacity: 1; visibility: visible; margin: 0;}
.on-line li:hover .on-icon img{ animation: swing 1s linear 1;}
.on-line li#top{ display: none;}

/* video */
.video-bg{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 11; display: none;}
.video-box{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); width: 96%; max-width: 1000px; border-radius: 4px; margin: 0 auto;}
.video-box .close{ position: absolute; right: 0; bottom: calc(100% + 10px); line-height: 1; opacity: .8; color: #FFFFFF; cursor: pointer; transition: all .4s;}
.video-box .close i{ font-size: 30px;}
.video-box .close:hover{ opacity: 1; transform: rotate(360deg);}
.video-box video{display: block; width: 100%; height: auto; object-fit: cover;}

@media (max-width:1600px) {
    .container{ max-width: 1230px;}
    .logo{ height: 80px; }
    .logo img{ height: 40px;}
    .logo-text{ height: 80px;}
    .navList > li > a{ font-size: 16px; line-height: 80px;}
    .navRig{ line-height: 80px;}
    .navRig a{ font-size: 16px;}
    .nav-dropdown ul > li > a{ font-size: 14px; padding: 5px 20px;}

    .hm-space{ padding-top: 80px;}
    
    .box-more span,
    .box-more a{ width: 160px; line-height: 42px;}

    .hm-more a,
    .hm-more span{ line-height: 44px;}
    .hm-more a i,
    .hm-more span i{ width: 24px; height: 24px;}
    
    .bread-nav-list{ margin: .1rem 0;}
    .bread-nav-list li,
    .bread-nav-list li a,
    .bread-nav-list li span,
    .bread-nav-list li + li::before{ font-size: 14px;}

    .anchor{ padding-top: 80px; margin-top: -80px;}
}
@media (max-width:1400px) {
    .navList > li{ padding: 0 5px;}
    .navRig a{ font-size: 14px;}
}
@media (min-width:1201px) {
    .navBox{ display: block !important;}
}
@media (max-width:1200px) {
    .container{ width: 100%; padding: 0 .3rem;}
    .hdCon{ padding-left: 15px;}
    .logo{ min-width: 0; height: 60px; padding-left: 0;}
    .logo img{ height: 40px;}
    .logo-text{ height: 60px;}
    .navRig{ line-height: 60px;}
    .navRig a,
    .navRig i,
    .navRig span{ font-size: 16px;}
    .navRig li{ position: static; margin-left: .1rem;}
    .navRig li.navBtn{ display: block;}
    .navRig i{ width: 16px; height: 16px;}
    .navRig li.navSearch i{ margin-right: 4px;}
    .navRig .nav-dropdown{ position: fixed; top: auto; width: 100%;}
    .navRig .nav-search{ width: 100%;}
    .navBtn{ position: relative; float: right; display: block; width: 32px; height: 60px; cursor: pointer;}
    .navBox { position: fixed; left: 0; right: 0; top: 60px; bottom: 0; width: 100%; overflow: hidden; z-index: 2; border-top: 1px solid rgba(0, 0, 0, 0.2); background-color: #FFFFFF; display: none; overflow-y: auto;}
    .navList { text-align: left; display: block; padding: 0 .3rem; margin: 0 auto; }
    .navList > li { display: block; margin: 0; padding: 0; text-align: left; }
    .navList > li > a { position: relative; height: auto; line-height: 46px; padding: 0 !important; padding-right: 46px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); color: var(--primary-color);}
    .navList > li > a .icon{ width: 14px; height: 14px; vertical-align: text-bottom;}
    .navList > li:last-child > a{ border-bottom: none;}
    .navList > li > a:hover,
    .navList > li.active > a{ color: var(--main-color); }
    .navList > li > a::before { display: none;}
    .navList > li.dropdown > a::after { display: block; width: 46px; content: "\f107"; position: absolute; right: 0; top: 0; font-family: FontAwesome; text-align: center; transition: all .3s; font-size: 22px;}
    .navList > li.cur > a::after { transform: rotate(180deg);}
    .nav-dropdown{ position: static; padding-top: 0; transform: translateX(0); border-top-width: 1px;}
    .nav-dropdown .container{ padding: 0;}
    .nav-dropdown ul{ padding: 10px 0; text-align: left !important;}
    .nav-dropdown ul::before{ display: none;}
    .nav-dropdown ul > li{ display: block;}
    .nav-dropdown ul > li > a{ padding: 5px 15px;}
    
    .header.no-bg{ padding: 0; background-color: #FFFFFF; box-shadow: 0px 0px 0.4rem rgb(82 92 117 / 18%);}
    .header.no-bg .logo img.white{ display: none;}
    .header.no-bg .logo img.default{ display: block;}
    .header.no-bg .logo-text{ color: #999999;}
    .header.no-bg .logo-text::before{ background-color: #666666;}
    .header.no-bg .navList > li > a{ color: #333333; transition: none;}
    .header.no-bg .navRig a{ color: #888888;}
    .header.no-bg .navRig li.navSearch i{ background-image: url(../images/icon-search.png);}
    .header.no-bg .navRig li.navLang i{ background-image: url(../images/icon-arrow-gray.png);}

    .foot{ padding: .3rem 0;}
    .foot-title{ margin: .15rem 0;}
    .foot-tel{ line-height: 25px; padding-left: 25px; background-size: 20px auto;}
    .copyright{ padding: .2rem 0;}

    .hm-space{ padding: 0;}
    .hm-more a,
    .hm-more span{ width: 150px; line-height: 40px; padding: 0 15px;}
    .hm-more a i,
    .hm-more span i{ width: 20px; height: 20px;}
    .hm-more a:hover,
    .hm-more span:hover{ padding: 0 20px;}
    .hm-title{ margin: .2rem 0;}

    .banIn{ padding-top: 60px;}
    .inImg{ height: 2.8rem;}

    .sort-bg{ position: relative; overflow: hidden;}
    .sort-bg .container{ padding: 0;}
    .sort-list{ padding: 5px 0 10px; margin: 0 -.1rem; background-color: var(--main-color); justify-content: center;}
    .sort-list li{ padding: 0 .1rem; margin: 0;}
    .sort-list li a{ padding: .1rem 0;}
    .sort-list li a::after{ height: 2px;}

    .bread-nav-bg .container{ padding: 0; padding-right: .3rem;}
    .bread-nav-logo{ width: .6rem; min-width: 40px; margin-right: .1rem;}
    .bread-nav-list{ line-height: 32px;}

    .page{ margin: .6rem 0;}

    .anchor{ padding-top: 60px; margin-top: -60px;}
    .in-top{ right: .2rem; bottom: auto; top: 85%; background-color: var(--main-color); padding: 0.1rem !important; border-radius: 5px; text-shadow: none;}

    .on-line li{ padding: 5px 0; margin: 0 5px;}
    .on-icon img{ margin: 0 auto;}
    .on-con{ width: 100px; padding: 2px;}
}

@media (max-width:991px) {
    .foot{ display: block;}
    .foot-left{ width: 100%;}
    .foot-logo{ margin: .1rem 0;}
    .foot-logo img{ max-width: 180px; width: 33.33%;}
    .foot-logo p{ margin: .1rem 0 .2rem;}
    .foot-tel{ margin: .1rem 0 .2rem; background-size: 18px auto; padding-left: 20px;}
}
@media (max-width:767px) {
    .foot-nav{ display: block;}
    .foot-nav li{ padding: .15rem 0 .1rem; border-top: 1px dashed rgba(255, 255, 255, 0.2);}
    .foot-nav li h3{ margin: 0;}
    .foot-con{ display: flex; flex-wrap: wrap; font-size: 12px; line-height: 1.2; margin: 0 -5px;}
    .foot-con p{ padding: 0 5px;}
    
}
@media (max-width:640px) {
    .logo-text{ display: none;}
    .navList > li > a{ font-size: 14px;}
        
    .page{ margin: .6rem 0;}
    .page p{ display: block; margin: .2rem 0;}
    .page p,
    .page input,
    .page a,
    .page span{ min-width: 28px; height: 28px; line-height: 28px; font-size: 14px; margin: 0 1px;}
    .page a.prev,
    .page a.next{ font-size: 14px;}
}
@media (max-width:460px) {    
    .logo{ height: 50px;}
    .logo img{ height: 34px;}
    .navRig{ line-height: 50px;}
    .navRig a,
    .navRig i,
    .navRig span{ font-size: 14px;}
    .navBtn{ height: 50px;}
    .navBox{ top: 50px;}
    .navRig .nav-input{ height: 40px; padding: 8px 10px; font-size: 14px;}

    .hm-more a,
    .hm-more span{ width: 120px; line-height: 34px; padding: 0 15px;}
    
    .banIn{ padding-top: 50px;}

    .bread-nav-list li a,
    .bread-nav-list li span,
    .bread-nav-list li + li::before{ font-size: 14px;}
    .bread-nav-list li{ max-width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    
    .box-more span,
    .box-more a{ width: 140px; line-height: 38px;}

    .load-more span{ max-width: 100%; line-height: 36px;}
    .load-more span i{ width: 16px; height: 16px;}

    .box-title-des{ max-width: 90%; margin: 0 auto;}
    
    .page p,
    .page input,
    .page a,
    .page span{ min-width: 24px; height: 24px; line-height: 24px; font-size: 14px; margin: 0 1px;}
}